const path = require("path");
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
    transpileDependencies: true,

    pluginOptions: {
        "style-resources-loader": {
            preProcessor: "less",
            //那些文件自动引入,使用绝对路劲
            //需要用path.join来拼接完整路劲
            patterns: [
                path.join(__dirname, "./src/assets/styles/variables.less"),
                path.join(__dirname, "./src/assets/styles/mixins.less"),
            ],
        },
    },
    // chainWebpack: config => {
    //     config.module
    //         .rule('images')
    //         .use('url-loader')
    //         .loader('url-loader')
    //         .tap(options => Object.assign(options, { limit: 10000 }))
    // }
    // 这个是给webpack-dev-server开启可IP和域名访问权限。
    // chainWebpack: config => {
    //     // config.devServer.disableHostCheck(true)
    // },
    devServer: {
        allowedHosts: 'www.corho.com'
    },

    // 这个是设置外部扩展，模块为qc变量名为QC，导入qc将不做打包。
    configureWebpack: {
        externals: {
            qc: 'QC'
        }
    },
});